/* pages/my/index.wxss */
.my-page {
  height: 100vh;
  background-color: #e4f0fc;

  .user-info {
    padding: 40rpx 0;

    .custom {
      background-color: #e4f0fc;

      .cell-title {
        width: 580rpx;
        display: flex;
        align-items: center;

        .avatar {
          margin: 0 40rpx 0 0;
          padding: 0;
          width: 100rpx;
          height: 100rpx;
          background-color: #e4f0fc;

          &::after {
            border: none;
          }

          image {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 8rpx solid #1296db;
            box-sizing: border-box;
          }
        }

        .info {
          color: #000;

          .username {
            font-size: 40rpx;
            font-weight: 500;
            color: #1296db;
            margin-bottom: 20rpx;
          }

          .id {
            margin-bottom: 20rpx;
          }
        }
      }
    }


  }

  .order,
  .service {
    margin-top: 40rpx;
    padding: 0 20rpx;

    .cell-custom {
      border-radius: 10rpx 10rpx 0 0;

      .cell-title {
        font-size: 36rpx;
        font-weight: 500;
        color: #000;
      }
    }

    .grid-custom {
      border-radius: 0 0 10rpx 10rpx;

      .van-grid-item__content {
        padding: 30rpx 0;

        .van-grid-item__text {
          font-size: 28rpx;
          font-weight: 400;
          color: #000;
        }
      }
    }
  }
}